:host {
  text-align: center;
}

.global-header {
  height: 5%;
  background-color: darkgreen;
}

.content-header {
  height: 5%;
}

.content-class {
  background-color: rgb(202, 198, 198);
}

.nav-sider,
.nav-content {
  background-color: rgb(236, 231, 231);
}

/*
global button definition
*/
.default-search-button {
  border-radius: 3%;
}

nz-header,
nz-footer {
  background: #d2dee7;
  color: #fff;
  height: 6%;
}

nz-footer {
  line-height: 1.5;
}

nz-sider {
  background: #6a7175;
  color: #fff;
  line-height: 120px;
}

nz-content {
  background: rgb(146, 158, 167);
  color: #fff;
  height: 84%;
}

nz-layout {
  height: 100vh;
  margin-bottom: 48px;
}

nz-layout nz-layout,
nz-layout:last-child {
  margin: 0;
}